<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%  String path=request.getContextPath();
pageContext.setAttribute("path", path);

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>博客后台管理系统</title>

<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="${path }/admin/js/jquery-1.11.1.min.js"></script>

<link href="${path }/admin/css/style.css" rel="stylesheet" type="text/css" media="all" />

</head>
<div class="main">
	<h1>欢迎进入博客后台系统</h1>
	<div class="w3_login">
		<div class="w3_login_module">
			<div class="module form-module">
				<div class="toggle">
					<i class="fa fa-times fa-pencil"></i>
					<div class="tooltip">点击切换</div>
				</div>
				<div class="form">
					<h2>登录账号</h2>
					<form action="${path }/AdminToLoginAndRegister?ad=tologin" method="post">
						<input type="text" name="username" placeholder="用户名" required=" " />
						<input type="password" name="password" placeholder="密码" required=" " />
						<input type="submit" value="登录" />
					</form>
				</div>
				<div class="form">
					<h2>创建一个账号</h2>
					<form action="${path }/AdminToLoginAndRegister?ad=register" method="post">
						<input type="text" name="username" placeholder="用户名" required=" " />
						<input type="password" name="password1" placeholder="密码" required=" " />
						<input type="password" name="password2" placeholder="确认密码" required=" " />
						<input type="submit" value="注册" />
					</form>
				</div>
				<div class="cta"><a href="#">忘记密码?</a></div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
$('.toggle').click(function(){
	$(this).children('i').toggleClass('fa-pencil');
	$('.form').animate({height: "toggle",'padding-top': 'toggle','padding-bottom': 'toggle',opacity: "toggle"}, "slow");
});
</script>

</body>
</html>